<template>
  <div class="signRecord-container">
        <div class="header">
            <div>
                <div class="left">
                    <i></i>
                </div>
            </div>
            <!-- <h4>大件会</h4> -->
            <div class="logo">
                报名记录
            </div>
        </div>
        <div class="prolist">
            <div class="prolistCon">
            <div>
                <img src="../../../assets/images/index/sbanner@2x.jpg"/>
                
            </div>
            <div class="clearfix foot">
                <div class="fl">2017年10月28日『武汉业主采购团』建材专场建材专场</div>
                <div class="fr">
                <mt-button size="normal" type="danger" class="combtn">
                    集采提醒
                </mt-button>
                </div>
            </div>
            </div>
        </div>
  </div>
</template>
<script>
</script>
<style scoped lang="less">
.header {
  color: #000;
  background-color: #fff;
  .logo {
    a {
      display: inline-block;
      width: 131/37.5rem;
      height: 42/37.5rem;
      margin-top: 18/37.5rem;
    }
  }
  .left {
    position: absolute;
    left: 32/37.5rem;
    top: 35/37.5rem;
    height: 32/37.5rem;
    line-height: 32/37.5rem;
    a {
      font-size: 32/40rem;
    }
    i {
      display: inline-block;
      width: 22/37.5rem;
      height: 30/37.5rem;
      background: url(../../../assets/images/index/gengduo@2x.png) no-repeat;
      background-size: contain;
      transform: rotate(180deg);
    }
  }
}
.prolist {
  padding: 0 32/37.5rem;
  .prolistCon {
    margin-top: 28/37.5rem;
    > div:first-child {
      height: 330/37.5rem;
      img {
        display: block;
        width: 100%;
        height: 100%;
      }
    }
    > div:last-child {
      background-color: #fff;
      padding: 32/37.5rem;
      box-sizing: border-box;
      div {
        text-align: left;
        font-size: 30/37.5rem;
      }
      > div:first-child {
        display: inline-block;
        // width: 440/37.5rem;
      }
      .mint-button {
        height: 60/37.5rem;
        font-size: 28/37.5rem;
        padding-left: 20/37.5rem;
        padding-right: 20/37.5rem;
      }
    }
    .foot {
      display: flex;
      .fl {
        flex: 1;
      }
      .fr {
        flex: 0 0 182/37.5rem;
        text-align: right;
      }
    }
  }
}
</style>
